<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			.wrap{
				width: 100px;
				height: 100px;
				background: blue;
			}
			.test{
				/*
				绝对定位，参考于一个“视窗大小的矩形”。
				这里的视窗大小，不等于“视口”。
				也就是说当前页面怎么上下拉动，test都会固定在这里。
				*/
				position: absolute;
				/*
				left、top的默认值是auto
				不是0
				*/
				/* left: 10px;
				top: 10px; */
				/* margin: 10px 10px; */
				width: 100px;
				height: 100px;
				background: pink;
			}
		</style>
	</head>
	<body>
		<div class="wrap"></div>
		<div class="test"></div>
	</body>
</html>
